<template>
	<view class="content">
		<u-navbar
			title="县区经理业务中心"
			@rightClick="rightClick"
			rightIcon="setting"
			placeholder
			:autoBack="true"
		>
		</u-navbar>
		
		<view class="main p-20">
			<view class="my-20">
				<view class="fs-30 ">上午好，李玖哲经理</view>
				<view class="flex-between-center c-999">
					<view>今天是您工作第20天</view>
					<view>您累计未完成考核 <span class="fs-40 color-error">1</span> 次</view>
				</view>
			</view>
			<!-- 提现区域 -->
			<view class="rd-16 py-40 c-fff tixianbg">
				<view class="flex-between-center mb-30 px-20">
					<view>
						<view class="fs-26 mb-10">可提现金额</view>
						<view class="fs-64">980,567</view>
					</view>
					<view class="bg-info-1 color-primary fs-26 px-26 py-10 rd-50 inline-block">提现</view>
				</view>
				<view class="flex-around-center text-center mb-30 opacity-80">
					<view class="u-border-right w-25v">
						<view class="mb-10">保证金</view>
						<viw class="fs-28">196.00</viw>
					</view>
					<view class="u-border-right w-25v">
						<view class=" mb-10">保证金</view>
						<viw class="fs-28">196.00</viw>
					</view>
					<view class="u-border-right w-25v">
						<view class=" mb-10">保证金</view>
						<viw class="fs-28">196.00</viw>
					</view>
					<view class="w-25v">
						<view class=" mb-10">保证金</view>
						<viw class="fs-28">196.00</viw>
					</view>
				</view>				
			</view>
			
			<view class="bg-info-1 shadow-s rd-16 py-20 my-20">
				<view class="flex-between-center mb-10 px-28">
					<view class="fs-30 titleftline flex-y-center"><span class="w-10 bg-primary h-30 inline-block mr-16"></span>本阶段达标考核完成进度</view>
					<view class="text-right">
						<view class="color-primary-5">3天15时28分40秒</view>
						<view class="c-999 fs-20">本周考核剩余</view>
					</view>
				</view>
				<view class="px-10">
					<view class="flex">
						<view class="bg-info-3 m-10 w-100v rd-8 p-20">
							<view class="fs-30">6533</view>
							<view class="fs-22 c-666">已结算订单</view>
						</view>
						<view class="bg-info-3 m-10 w-100v rd-8 p-20">
							<view class="fs-30">6533</view>
							<view class="fs-22 c-666">已结算订单</view>
						</view>
					</view>
					<view class="flex">
						<view class="bg-info-3 m-10 w-100v rd-8 p-20">
							<view class="fs-30">6533</view>
							<view class="fs-22 c-666">已结算订单</view>
						</view>
						<view class="bg-info-3 m-10 w-100v rd-8 p-20">
							<view class="fs-30">6533</view>
							<view class="fs-22 c-666">已结算订单</view>
						</view>
					</view>
				</view>				
			</view>
			
			<!-- 辖区订单数据 -->
			<view class="bg-info-1 shadow-s rd-16 py-40 my-20">
				<view class="flex-between-center mb-10 px-28">
					<view class="fs-30 titleftline flex-y-center"><span class="w-10 bg-primary h-30 inline-block mr-16"></span>辖区订单数据</view>
					<view class="border-info-4 py-4 px-20 rd-8">
						<view>本月</view>
						<text class="siconfont"></text>
					</view>
				</view>
				<view class="px-10 flex-around-center py-20">
					<view>
						<view class="fs-30">1205</view>
						<view class="fs-24 c-999">今日新增</view>
					</view>
					<view>
						<view class="fs-30">1205</view>
						<view class="fs-24 c-999">待审核</view>
					</view>
					<view>
						<view class="fs-30">1205</view>
						<view class="fs-24 c-999">已发货</view>
					</view>
					<view>
						<view class="fs-30">1205</view>
						<view class="fs-24 c-999">已结算</view>
					</view>
					<view>
						<view class="fs-30">1205</view>
						<view class="fs-24 c-999">已失效</view>
					</view>
				</view>				
			</view>
			
			<!-- 辖区代理数据 -->
			<view class="bg-info-1 shadow-s rd-16 py-40 my-20">
				<view class="flex-between-center mb-10 px-28">
					<view class="fs-30 titleftline flex-y-center"><span class="w-10 bg-primary h-30 inline-block mr-16"></span>辖区代理数据</view>
					<view class="border-info-4 py-4 px-20 rd-8">
						<view>本月</view>
						<text class="siconfont"></text>
					</view>
				</view>
				<view class="px-10 flex-around-center py-20">
					<view>
						<view class="fs-30">1205</view>
						<view class="fs-24 c-999">今日新增</view>
					</view>
					<view>
						<view class="fs-30">1205</view>
						<view class="fs-24 c-999">活跃代理</view>
					</view>
					<view>
						<view class="fs-30">1205</view>
						<view class="fs-24 c-999">不活跃代理</view>
					</view>
					<view>
						<view class="fs-30">1205</view>
						<view class="fs-24 c-999">限权代理</view>
					</view>
					<view>
						<view class="fs-30">1205</view>
						<view class="fs-24 c-999">已失效</view>
					</view>
				</view>				
			</view>
			
			
			
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			
		}
	}
</script>

<style lang="less">
	.tixianbg{
		background: url("@/static/images/Group 9321@2x.png");
		background-size: cover;
	}
</style>
